﻿@model KimPhongCRM.Models.LoginModel
@{
    ViewBag.Title = "Kim Phong CRM Logon";
    Layout = "";
}
<html>
<head>

    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>@ViewBag.Title</title>
    <meta name="description" content="Quản lý khách hàng - Công Ty CP TM Du Lịch Kim Phong">
    <meta name="author" content="Tiến Ngàng Nguyễn">
    <!-- end: Meta -->

    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->

    <!-- start: CSS -->
    <link id="bootstrap-style" href="@Url.Content("~/Content/css/bootstrap.min.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/bootstrap-responsive.min.css")" rel="stylesheet">
    <link id="base-style" href="@Url.Content("~/Content/css/style.css")" rel="stylesheet">
    <link id="base-style-responsive" href="@Url.Content("~/Content/css/style-responsive.css")" rel="stylesheet">

    <!--[if lt IE 7 ]>
	<link id="ie-style" href="@Url.Content("~/Content/css/style-ie.css")" rel="stylesheet">
	<![endif]-->
    <!--[if IE 8 ]>
	<link id="ie-style" href="@Url.Content("~/Content/css/style-ie.css")" rel="stylesheet">
	<![endif]-->
    <!--[if IE 9 ]>
	<![endif]-->

    <!-- end: CSS -->


    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!-- start: Favicon -->
    <link rel="shortcut icon" href="@Url.Content("~/Content/img/favicon.ico")">
    <!-- end: Favicon -->

    <style type="text/css">
			body { background: url(@Url.Content("~/Content/img/bg-login.jpg")) !important; }
		</style>



    <style type="text/css">
        .jqstooltip {
            position: absolute;
            left: 0px;
            top: 0px;
            visibility: hidden;
            background: rgb(0, 0, 0) transparent;
            background-color: rgba(0,0,0,0.6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
            color: white;
            font: 10px arial, san serif;
            text-align: left;
            white-space: nowrap;
            padding: 5px;
            border: 1px solid white;
            z-index: 10000;
        }

        .jqsfield {
            color: white;
            font: 10px arial, san serif;
            text-align: left;
        }
    </style>

    <script src="@Url.Content("~/Content/js/jquery-1.9.1.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery-migrate-1.0.0.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery-ui-1.10.0.custom.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.ui.touch-punch.js")"></script>
    <script src="@Url.Content("~/Content/js/bootstrap.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.cookie.js")"></script>
    <script src="@Url.Content("~/Content/js/fullcalendar.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.dataTables.min.js")"></script>
    <script src="@Url.Content("~/Content/js/excanvas.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.flot.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.flot.pie.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.flot.stack.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.flot.resize.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.chosen.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.uniform.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.cleditor.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.noty.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.elfinder.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.raty.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.iphone.toggle.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.uploadify-3.1.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.gritter.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.imagesloaded.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.masonry.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.knob.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.sparkline.min.js")"></script>
    <script src="@Url.Content("~/Content/js/custom.js")"></script>
        @Html.DevExpress().GetStyleSheets( 
    new StyleSheet { ExtensionSuite = ExtensionSuite.NavigationAndLayout }, 
    new StyleSheet { ExtensionSuite = ExtensionSuite.Editors }, 
    new StyleSheet { ExtensionSuite = ExtensionSuite.HtmlEditor }, 
    new StyleSheet { ExtensionSuite = ExtensionSuite.GridView }, 
    new StyleSheet { ExtensionSuite = ExtensionSuite.PivotGrid },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Chart },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Report },
	new StyleSheet { ExtensionSuite = ExtensionSuite.Scheduler },
	new StyleSheet { ExtensionSuite = ExtensionSuite.TreeList }
)
@Html.DevExpress().GetScripts( 
    new Script { ExtensionSuite = ExtensionSuite.NavigationAndLayout }, 
    new Script { ExtensionSuite = ExtensionSuite.HtmlEditor }, 
    new Script { ExtensionSuite = ExtensionSuite.GridView }, 
    new Script { ExtensionSuite = ExtensionSuite.PivotGrid },
    new Script { ExtensionSuite = ExtensionSuite.Editors }, 
    new Script { ExtensionSuite = ExtensionSuite.Chart },
    new Script { ExtensionSuite = ExtensionSuite.Report },
	new Script { ExtensionSuite = ExtensionSuite.Scheduler },
	new Script { ExtensionSuite = ExtensionSuite.TreeList }
)
</head>
<body>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

    <div class="container-fluid">
        <div class="row-fluid">

            <div class="row-fluid">
                <div class="login-box">
                    <div class="icons">
                        <a href="@Url.Action("Index", "Home")"><i class="icon-home"></i></a>
                        <a href="@Url.Action("Index", "Config")"><i class="icon-cog"></i></a>
                    </div>
                    <h2>Đăng nhập</h2>
                    @using (Html.BeginForm("Login", "Account", FormMethod.Post, new { @class = "form-horizontal" }))
                    {
                        @Html.AntiForgeryToken()
                        <fieldset>
                            <div class="input-prepend" title="Username">
                                <span class="add-on"><i class="icon-user"></i></span>
                                @Html.TextBoxFor(m => m.UserName, new { @class = "input-large span10", placeholder = "Nhập tên đăng nhập", id = "username" })
                                @Html.ValidationMessageFor(m => m.UserName)
                            </div>
                            <div class="clearfix"></div>

                            <div class="input-prepend" title="Password">
                                <span class="add-on"><i class="icon-lock"></i></span>
                                @Html.PasswordFor(m => m.Password, new { @class = "input-large span10", placeholder = "Nhập mật khẩu", id = "password" })
                                @Html.ValidationMessageFor(m => m.Password)
                            </div>
                            <div class="clearfix"></div>

                            <label class="remember" for="remember">
                                @Html.CheckBoxFor(m => m.RememberMe.Value, new { id = "remember" })Ghi nhớ</label>
                            <div class="button-login">
                                <button type="submit" class="btn btn-primary"><i class="icon-off icon-white"></i> Đăng nhập</button>
                            </div>
                            <div class="clearfix"></div>

                            <hr>
                            <p>
                                Vui lòng nhập tên đăng nhập và mật khẩu.
                            </p>
                                @Html.ValidationSummary(true, "Đăng nhập không thành công. Vui lòng kiểm tra và thử lại.")
                        </fieldset>
                    }

                </div>
            </div>

        </div>

    </div>
</body>
</html>
